<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接标签</title>
</head>
<body>
    <!-- 
        超链接标签
        1.id属性：定义锚点
        2.href属性：超链接地址  例如：网页地址、请求url
        3.title属性：tips提示
        4.target属性：_self自身网页 、 _blank打开新网页 、iframe窗口的name属性值
    -->
    <!-- 定义锚点 -->
    <a id="top"></a>
    <a href="http://www.baidu.com" title="百度" target="_self">百度一下self</a>
    <a href="http://www.baidu.com" title="百度" target="_blank">百度一下blank</a>
    <br>
    <img src="./img/file1.jpg" alt="" title="金三胖"><br>
    <img src="./img/file1.jpg" alt="" ><br>
    <!-- 定义锚点 -->
    <a id="middle"></a>
    <img src="./img/1.jpg" alt="" title="赵丽颖"><br>
    <img src="./img/2.jpg" alt="" ><br>
    <img src="./img/3.jpg" alt="" ><br>
    <a href="#top">回到顶部</a>
    <br>
    <!-- 特殊符号 -->
    <h1>姓&nbsp;&nbsp;名</h1> 
    <h1>&gt;</h1>   >
    <h1>&lt;</h1>   <
    <h1>&amp;</h1>  &
    <h1>&yen;</h1> 
    &#128540;
</body>
</html>